<template>
	<!-- 最外层 -->
	<view style="padding: 20rpx;">
		<!-- 头像昵称 | 关注 -->
		<view style="display: flex; align-items: center; justify-content: space-between;">
			<!-- 头像 -->
			<view style="display: flex;">
				<image style="width: 65rpx; margin-right: 30rpx; height: 65rpx;" :src="item.userpic">
				</image>
				<!-- 昵称日期 -->
				<view>
					<view style="font-size: 25rpx;">{{item.username}}</view>
					<view style="color: #96938E; font-size: 20rpx;">{{item.time}}</view>
				</view>
			</view>

			<!-- 关注按钮 -->
			<view
				style="display: flex; justify-content: center; align-items: center; background-color: #FD597C; color: #F4D1D7;width: 90rpx; height: 50rpx">
				关注</view>
		</view>



		<!-- 内容 -->
		<view style="padding-top: 40rpx;">
			<view>{{item.title}}</view>
			<view style="padding-top: 35rpx;">
				<image v-if="item.sharepic?true:false" style="height: 350rpx; width: 100%; border-radius: 10rpx;"
					:src="item.sharepic"></image>
			</view>
		</view>
		<!-- 图标 -->
		<view style="display: flex; margin-top: 20rpx;">
			<!-- 点赞 -->
			<view style="display: flex; justify-content: center;align-items: center; flex:1">
				<view @click="support('support')" class="iconfont icon-dianzan2"
					style="font-size: 40rpx;  margin-right: 20rpx;"></view>
				<text>{{item.support>0?item.support:"支持"}}</text>
			</view>
			<!-- 踩 -->
			<view style="display: flex; justify-content: center;align-items: center; flex:1">
				<view @click="support('unsupport')" class="iconfont icon-cai"
					style="font-size: 40rpx;  margin-right: 20rpx;"></view>
				<text>{{item.unsupport>0?item.unsupport:"踩"}}</text>
			</view>
			<!-- 评论 -->
			<view style="display: flex; justify-content: center;align-items: center; flex:1">
				<view class="iconfont icon-pinglun" style="font-size: 40rpx;  margin-right: 20rpx;"></view>
				<text>{{item.comment>0?item.comment:"评论"}}</text>
			</view>
			<!-- 分享 -->
			<view style="display: flex; justify-content: center;align-items: center; flex:1">
				<view class="iconfont icon-zhuanfa1" style="font-size: 40rpx;  margin-right: 20rpx;"></view>
				<text>{{item.share>0?item.share:"分享"}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		// username: "昵111称",

		props: {
			item: Object
		},
		methods: {
			// 是否已点赞 item.isSupport
			support: function(supportType) {}
		}
	}
</script>

<style>
</style>
